<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!-- <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

	<title>CleanCut - a Themeforest HTML Template</title>
	
	<!-- ########## CSS Files ########## -->	
	<!-- Screen CSS -->
	<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
	<link rel="stylesheet" href="css/style5.css" type="text/css" media="screen" />
	<!-- lightbox CSS -->
	<link rel="stylesheet" href="js/prettyPhoto/css/prettyPhoto.css" type="text/css" media="screen" charset="utf-8" />	
	<!-- ########## end css ########## -->	
	
	
	<!-- JAVASCRIPT GOES HERE -->
	<script type='text/javascript' src='js/jquery.js'></script>
	<script type='text/javascript' src='js/cufon.js'></script>
	<script type='text/javascript' src='js/quicksand.font.js'></script>
	<script src="js/prettyPhoto/js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>	
	<script type='text/javascript' src='flashplayer/flowplayer-3.1.4.min.js'></script>
	<script type='text/javascript' src='js/custom.js'></script>	
	<!--[if IE 6]>
	<script type='text/javascript' src='js/dd_belated_png.js'></script>
	<script>DD_belatedPNG.fix('.ie6fix');</script>
	<style>.box ul li a, .box ul a, .hr {zoom:1;}</style>
	<![endif]-->

</head>
<body id="top" class='fullwidth'>

<div class="wrapper" id='wrapper_head'>

	<div class="center">
	
		<div id="head">
		
			<h1 class="logo"><a href="index.html" class='ie6fix'>CleanCut</a></h1>
			<ul id="nav">
				<li><a href="index.html">Home</a>
				<ul>
					<li><a href="index.html">Index - Block Slider</a></li>
					<li><a href="index_accordion.html">Index - Accordion Slider</a></li>
					<li><a href="index_fade.html">Index - Fading Slider</a></li>
					<li><a href="index_news.html">Index - News Slider</a></li>
					<li><a href="index_curtain.html">Index - Curtain Slider</a></li>
					<li><a href="multislide.html">Multiple sliders on one Page</a></li>
				</ul>
				</li>
				
				<li><a href="page.html">Template Files</a>
				<ul>
					<li><a href="index.html">Index - Block Slider</a></li>
					<li><a href="index_accordion.html">Index - Accordion Slider</a></li>
					<li><a href="index_fade.html">Index - Fading Slider</a></li>
					<li><a href="index_news.html">Index - News Slider</a></li>
					<li><a href="index_curtain.html">Index - Curtain Slider</a></li>
					<li><a href="multislide.html">Multiple sliders on one Page</a></li>
					<li><a href="blog.html">Blog</a></li>
					<li><a href="single.html">Single Blog Page</a></li>
					<li><a href="portfolio.html">Portfolio Page</a></li>
					<li><a href="portfolio_single.html">Portfolio Single</a></li>
					<li><a href="page.html">Page</a></li>
					<li><a href="fullwidth.html">Page Fullwidth</a></li>
					<li><a href="contact.php">Contact</a></li>
					<li><a href="#">Second Level »</a>
						<ul>
						<li><a href="#">Just for</a></li>
						<li><a href="#">Demonstration</a></li>
						<li><a href="#">Purpose</a></li>
						</ul>
					</li>
					</ul>
				</li>
				<li class='current'><a href="styles.html">Styling</a>
					<ul>
					<li><a href="multislide.html">Multiple sliders on one page</a></li>
					<li><a href="styles.html">HTML styling</a></li>
					<li><a href="page.html">Columns in page with sidebar</a></li>
					<li><a href="fullwidth.html">Columns on Fullwidth page</a></li>
					</ul>
				</li>
				<li><a href="blog.html">Blog</a></li>
				<li><a href="portfolio.html">Portfolio</a>
					<ul>
					<li><a href="portfolio_2.html">Portfolio different heights</a></li>
					<li><a href="portfolio_single.html">Portfolio Single</a></li>
					</ul>
				</li>
				<li><a href="contact.php">Contact</a></li>
			</ul>
			
		<!--end head-->
		</div>
		
	<!-- end center-->
	</div>
<!--end wrapper-->
</div>


<!-- extra heading, remove if not needed-->
<div class="wrapper" id='wrapper_heading'>
	<div class="center">
	<h2>This is a fullwidth page entry with special column styles</h2>
	<!-- end center-->
	</div>
<!--end wrapper-->
</div>

<div class="wrapper" id='wrapper_main'>

	<div class="center">		
		
		<div id="main">
				
		<div class='content'>
		
			<div class="entry">
	          
	           <h1 class='siteheading'><a href="#">This is - you might have allready guessed it - the post title</a></h1>
	           	           
	            <div class="entry-content">
	           <p><span class='dropcap1 ie6fix'>L</span>orem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
	           <div class='preloading'><img alt="" src="files/content_pic2.jpg" /> </div>
	           <p><span class='dropcap3 ie6fix'>A</span>met, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velitpariatur.</p>
	           
	           <div class="hr"></div>
	           
	           <!-- one content block with 2 columns-->
	           <div class='one_half'>
	           <h2>A subtitle here</h2>
	           <p><span class='dropcap2 ie6fix'>1</span>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, adipisicing elit, sedquis nostrud exercitation.</p><p>
	           Adipisicing elit, sed do eiusmod tempor <strong>incididunt ut labore</strong> et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.</p>
	           </div>
	           
	           <div class='one_half last'>
	           <h2>And another subtitle here</h2>
	           <p><span class='dropcap2 ie6fix'>2</span>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad micitation adipisicing elit, sed.</p><p>Ipsum dolor sit amet, <strong>consecteturmod</strong> tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.</p>
	           </div>
	           
	            <div class="hr"><a class="scrollTop" href="#top">top</a></div>
	            
	            <!-- one content block with 3 columns-->
	           <div class='one_third'>
	           <h3>3 Columns</h3>
	           <p><span class='dropcap2 ie6fix'>1</span>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation</p><p>Ut enim ad minim veniam, quis nostrud exercitation Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
	           </div>
	           
	           <div class='one_third'>
	           <h3>Second of three</h3>
	           <p><span class='dropcap2 ie6fix'>2</span>Ut enim ad minim veniam, quis nostrud exercitation Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p><p>Ut enim ad minim veniam, quis nostrud exercitation Lorem ipsum dolor sit amet, consectetur adncididunt ut labore et dolore magna aliqua.</p>
	           </div>
	           
	           <div class='one_third last'>
	           <h3>The third one</h3>
	           <p><span class='dropcap2 ie6fix'>3</span>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p><p>Ut enim ad minim veniam, quis nostrud exercitation Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation</p>
	           </div>
	           
	            <div class="hr"><a class="scrollTop" href="#top">top</a></div>
	            
	            <!-- one content block with 4 columns-->
	            <div class="one_fourth"><a class='preloading' href="files/content_pic1.jpg"><img src="files/content_pic_med1.jpg" alt="" /></a>
			<h3>Lorem ipsum</h3>
			<p>Sed do eiusmod tempor incididunt ut labolore magna, consectetur adipisicing elit, sedr incididunt ut. </p>
			</div>
			
			<div class="one_fourth"><a class='preloading' href="files/content_pic2.jpg"><img src="files/content_pic_med2.jpg" alt="" /></a>
			<h3>Lorem ipsum</h3>			
			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt. </p>
			</div>
			
			<div class="one_fourth"><a class='preloading' href="files/content_pic3.jpg"><img src="files/content_pic_med3.jpg" alt="" /></a>
			<h3>Lorem ipsum</h3>
			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt. </p>			
			</div>
			
			<div class="one_fourth last"><a class='preloading' href="files/content_pic4.jpg"><img src="files/content_pic_med4.jpg" alt="" /></a>
			<h3>Lorem ipsum</h3>
			<p>Lorem ipsum dolor sit amet, consecteturo eiusmod tempor incididunt ut labolore magna. </p>			
			</div>
	        
	        <div class="hr"><a class="scrollTop" href="#top">top</a></div>   
	        
	        
	        <!-- one content block with 2 columns 1/4 and 3/4-->
	        <div class="one_fourth">
			<h3>One forth</h3>
			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt. </p>	
			<a class='preloading' href="files/content_pic3.jpg"><img src="files/content_pic_med2.jpg" alt="" /></a>		
			</div>
			
			<div class="three_fourth last">
			<h3>Three forth</h3>
			<p><span class='dropcap1 ie6fix'>L</span>orem ipsum dolor sit<strong> amet</strong>, consecteturo eiusmod tempor incididunt ut labolore magna. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> <p> Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint <strong>occaecat cupidatat</strong> non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.  
</p> <p>
Lorem ipsum dolor sit amet, <a href='top'>consectetur</a> adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi
</p>			
			</div>
	        
	        <div class="hr"><a class="scrollTop" href="#top">top</a></div>   
	        
	        
	        <!-- one content block with 2 columns 1/3 and 2/3-->
	        <div class="one_third">
			<h3>One Third</h3>
			<p><span class='dropcap1 ie6fix'>1</span>
Lorem ipsum dolor sit amet, <a href='top'>consectetur</a> adipisicing elit, sed do eiusmod.</p><p> tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi
</p>		
			</div>
			
			<div class="two_third last">
			<h3>Two Third</h3>
			<p><span class='dropcap1 ie6fix'>2</span>orem ipsum dolor sit<strong> amet</strong>, consecteturo eiusmod tempor incididunt ut labolore magna. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p><p>
Lorem ipsum dolor sit amet, <a href='top'>consectetur</a> adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi
</p>		
			</div>
	        
	        <div class="hr"><a class="scrollTop" href="#top">top</a></div> 
	 
	 			<!--end entry-content-->
	 			</div>
	 			
	 		<!--end entry -->	
 			</div>
 			
	
		<!--end content-->
		</div>	
		
		<!--end main-->
		</div>
		
		
		<div id="footer_inside">
		
		<!--end footer_inside-->
		</div>

	<!-- end center-->
	</div>
<!--end wrapper-->
</div>

<div class="wrapper" id='wrapper_footer'>
	
	<div id="footer_outside">
		<span class="copyright">
			&copy; Copyright <a href='#'>YourName.Inc</a> - 
			Design by <a href="http://www.kriesi.at">Kriesi.at - Wordpress Themes</a>
		</span>
		
		<ul class="social_bookmarks">
			<li class="rss"><a href="#" class="ie6fix">RSS</a></li>
			<li class="facebook"><a href="#" class="ie6fix">Facebook</a></li>
			<li class="twitter"><a href="#" class="ie6fix">Twitter</a></li>
			<li class="flickr"><a href="#" class="ie6fix">flickr</a></li>
		</ul>
		
		<a href="#top" class='scrollTop'>top</a>
	<!--end footer_outside-->
	</div>
	
	
	
<!--end wrapper -->
</div>

</body>
</html>